<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>云朵网络科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="云朵网络科技有限公司">
    <meta name="author" content="446705260@qq.com">
    <!-- STYLESHEETS --><!--[if lt IE 9]>
    <script src="${CONTEXT_PATH}/_back/CloudAdmin/js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/cloud-admin.css">

    <link href="${CONTEXT_PATH}/_back/CloudAdmin/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- DATE RANGE PICKER -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/js/bootstrap-daterangepicker/daterangepicker-bs3.css"/>
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/js/uniform/css/uniform.default.min.css"/>
    <!-- ANIMATE -->
    <link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/_back/CloudAdmin/css/animatecss/animate.min.css"/>
    <!-- FONTS -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
</head>
<body class="login">
<!-- PAGE -->
<section id="page">
    <!-- HEADER -->
    <header>
        <!-- NAV-BAR -->
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-md-offset-4">
                    <div id="logo">
                        <a href="${CONTEXT_PATH}/"><img src="${CONTEXT_PATH}/_back/CloudAdmin/img/logo/logo.png" height="40" alt="logo name"/></a>
                    </div>
                </div>
            </div>
        </div>
        <!--/NAV-BAR -->
    </header>
    <!--/HEADER -->
    <!-- LOGIN -->
    <section id="login_bg" class="visible">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-md-offset-4">
                    <div class="login-box">
                        <h2 class="bigintro">登陆</h2>
                        <div class="divide-40"></div>
                        <form role="form" id="loginform" action="/admin">
                            <div class="form-group">
                                <label for="exampleInputEmail1">邮箱地址</label>
                                <i class="fa fa-envelope"></i>
                                <input type="email" class="form-control" id="exampleInputEmail1">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword1">密码</label>
                                <i class="fa fa-lock"></i>
                                <input type="password" class="form-control" id="exampleInputPassword1">
                            </div>
                            <div>
                                <label class="checkbox"> <input type="checkbox" class="uniform" value=""> 记住我</label>
                                <button type="submit" class="btn btn-danger loginbtn">登陆</button>
                            </div>
                        </form>
                        <!-- SOCIAL LOGIN -->
                        <div class="divide-20"></div>
                        <div class="center">
                            <strong>用QQ登陆</strong>
                        </div>
                        <div class="divide-20"></div>
                        <div class="social-login center">
                            <a class="btn btn-primary btn-lg">
                                <i class="fa fa-facebook"></i>
                            </a>
                            <a class="btn btn-info btn-lg">
                                <i class="fa fa-twitter"></i>
                            </a>
                            <a class="btn btn-danger btn-lg">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                        <!-- /SOCIAL LOGIN -->
                        <div class="login-helpers">
                            <a href="#" onclick="swapScreen('forgot_bg');return false;">忘记密码</a> <br>
                            没有账号? <a href="#" onclick="swapScreen('register_bg');return false;">注册一个吧!</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/LOGIN -->
    <!-- REGISTER -->
    <section id="register_bg" class="font-400">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-md-offset-4">
                    <div class="login-box">
                        <h2 class="bigintro">注册</h2>
                        <div class="divide-40"></div>
                        <form role="form">
                            <div class="form-group">
                                <label for="exampleInputName">姓名</label>
                                <i class="fa fa-font"></i>
                                <input type="text" class="form-control" id="exampleInputName">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputUsername">用户名</label>
                                <i class="fa fa-user"></i>
                                <input type="text" class="form-control" id="exampleInputUsername">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">邮箱地址</label>
                                <i class="fa fa-envelope"></i>
                                <input type="email" class="form-control" id="exampleInputEmail1">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword1">密码</label>
                                <i class="fa fa-lock"></i>
                                <input type="password" class="form-control" id="exampleInputPassword1">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">重复密码</label>
                                <i class="fa fa-check-square-o"></i>
                                <input type="password" class="form-control" id="exampleInputPassword2">
                            </div>
                            <div>
                                <label class="checkbox"> <input type="checkbox" class="uniform" value=""> 我同意 <a
                                        href="#">服务协议</a> and <a href="#">保密条约</a></label>
                                <button type="submit" class="btn btn-success"><a href="${CONTEXT_PATH}/">注册</a></button>
                            </div>
                        </form>
                        <!-- SOCIAL REGISTER -->
                        <div class="divide-20"></div>
                        <div class="center">
                            <strong>用QQ注册</strong>
                        </div>
                        <div class="divide-20"></div>
                        <div class="social-login center">
                            <a class="btn btn-primary btn-lg">
                                <i class="fa fa-facebook"></i>
                            </a>
                            <a class="btn btn-info btn-lg">
                                <i class="fa fa-twitter"></i>
                            </a>
                            <a class="btn btn-danger btn-lg">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                        <!-- /SOCIAL REGISTER -->
                        <div class="login-helpers">
                            <a href="#" onclick="swapScreen('login_bg');return false;"> 返回登陆</a> <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/REGISTER -->
    <!-- FORGOT PASSWORD -->
    <section id="forgot_bg">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-md-offset-4">
                    <div class="login-box">
                        <h2 class="bigintro">重置密码</h2>
                        <div class="divide-40"></div>
                        <form role="form">
                            <div class="form-group">
                                <label for="exampleInputEmail1">输入您的邮箱</label>
                                <i class="fa fa-envelope"></i>
                                <input type="email" class="form-control" id="exampleInputEmail1">
                            </div>
                            <div>
                                <button type="submit" class="btn btn-info">发送重置链接</button>
                            </div>
                        </form>
                        <div class="login-helpers">
                            <a href="#" onclick="swapScreen('login_bg');return false;">返回登陆</a> <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- FORGOT PASSWORD -->
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery/jquery-2.0.3.min.js"></script>
<!-- JQUERY COOKIE-->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery.cookie.js"></script>
<!-- JQUERY UI-->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<!-- BOOTSTRAP -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/bootstrap-dist/js/bootstrap.min.js"></script>

<!-- UNIFORM -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/uniform/jquery.uniform.min.js"></script>
<!-- BACKSTRETCH -->
<script type="text/javascript" src="${CONTEXT_PATH}/_back/CloudAdmin/js/backstretch/jquery.backstretch.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="${CONTEXT_PATH}/_back/CloudAdmin/js/script.js"></script>
<script>
    jQuery(document).ready(function () {
        App.setPage("login_bg");  //Set current page
        App.init(); //Initialise plugins and elements
    });
</script>
<script type="text/javascript">
    function swapScreen(id) {
        jQuery('.visible').removeClass('visible animated fadeInUp');
        jQuery('#' + id).addClass('visible animated fadeInUp');
    }
//    $(".loginbtn").click(function () {
//        window.location.href="${CONTEXT_PATH}/admin";
//    });
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>